﻿<link rel="stylesheet" type="text/css" href="modules/IShopStore/pnjavascript/tooltip/style.css">
<script src="modules/IShopStore/pnjavascript/jquery.bxSlider/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider').bxSlider()
  });
</script>
<!-- เอาไปแปะไว้ในเทมเพลท  <script src="modules/IShopStore/pnjavascript/tooltip/jquery.tools.min.js" type="text/javascript"></script>-->
<div class="recommend_product">
<div id="slider">
<!--[foreach from=$objectArray item=item]-->
<div>
	<div class="recommend_product_list productWrap"> 
		<div class="recommend_product_image newproduct_left productImageWrap" id="productImageWrapID_sidenewitem_<!--[$item.id]-->">
			<!--[if $item.has_file]-->
				<a  target="_blank" href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->" >
					<!--[if $item.firstfilename]-->
						<img src="<!--[$item.firstfilename]-->" width="180px" alt="<!--[$item.title]-->"/>
					<!--[else]-->
						 <img src="modules/IShopStore/pnimages/no_image.jpg" width="100px" height="75px" alt="ไม่มีรูป"/>
					<!--[/if]-->
				</a>
			<!--[else]-->
				<img src="modules/IShopStore/pnimages/no_image.jpg" width="110px" height="83px" alt="ไม่มีรูป"/>
			<!--[/if]-->
		</div>
		<div class="recommend_product_title title_left">
				<a id="tooltips" target="_blank" href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->">
					<!--[$item.title|mb_truncate:30:".."]-->
          <div id="productTitle_sidenewitem_<!--[$item.id]-->" style="display:none;"><!--[$item.title]--></div>					
				</a>
				<div class="tooltip"> 
					<div class="tooltip_head"></div>
					<div class="tooltip_content">
						<i>รหัสสินค้า :</i><span>AC00<!--[$item.id]--></span>
						<p><i>รายละเอียด :</i><!--[$item.detail|mb_truncate:100:"..."]--></p>
						<a target="_blank" href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->">อ่านต่อ</a>
					</div>
					<div class="tooltip_footer"></div>
				</div> 
		</div>
		<div class="recommend_product_price product_price_left">
				<!--[if is_numeric($item.price)]-->
					<!--[if $item.price eq '0' ]-->
						ไม่ระบุราคา
					<!--[else]-->
						<div class="productPriceWrapRight">
							<a href="<!--[pnmodurl modname='IShopStore' type='ajax' func='addToCart' id=$item.id]-->" onClick="return false;">						
								<button class="button_cart" alt="Add To Basket" id="featuredProduct_sidenewitem_<!--[$item.id]-->">หยิบใส่ตะกร้า</button>
							</a>
						</div>	
					<span><!--[$item.price|number_format:0]-->฿</span>	
          <input type="hidden" id="productPrice_list_<!--[$item.id]-->" value="<!--[$item.price]-->" />
          <div id="price_sidenewitem_<!--[$item.id]-->" style="display:none;"><!--[$item.price]--></div>	          										
					<!--[/if]-->
				<!--[else]-->
					<!--[$item.price|mb_truncate:19:".."]--><br />
				<!--[/if]-->
		</div>
	</div>
	</div>
	<!--[/foreach]-->
	</div>
</div>
<script> 
$(document).ready(function() {
	$("#tooltips").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
</script> 

